<template>
  <div class="container">
    <el-row type="flex" justify="space-between">
      <el-form :inline="true">
        <slot name="left"> </slot>
      </el-form>

      <el-row type="flex" justify="end">
        <el-col :span="4" style="margin-right: 85px">
          <slot name="right">
            <!-- <el-button type="success" icon="el-icon-edit">新增目录</el-button> -->
          </slot>
        </el-col>
      </el-row>
    </el-row>
    <div class="count">
      <i class="el-icon-info"></i>
      <slot name="after">
        <span>数据一共{{ counts }}条</span>
      </slot>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // 搜索列表
      searchList: [],
      // 所有的学科
      list: [],
      // 所有的目录
      directorysList: []
    }
  },
  props: {
    // isShowload: {
    //   type: Boolean,
    //   default: true,
    // },
    counts: {
      type: Number,
      default: 15
    }
  }
}
</script>

<style scoped>
.count {
  color: #909399;
  background-color: #f4f4f5;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 5px;
}
.container {
  margin-bottom: 20px;
}
</style>
